修正 SyntaxHighlighter 的工具栏宽度高度值的 bug

话不多说。。先上对比图

修改前
toolbar0
修改后
toolbar1

相信许多博客和本站一样,使用了 SyntaxHighlighter Evolved 这款代码高亮插件,但是,开了工具栏以后,会发现工具栏的下半部分有很多的留白,效果很不好。修改的方法很简单,相信看了上面两张图就能知道,给 div 一个固定的高度与宽度就行了。

打开 你的博客的根目录/plugins/syntaxhighlighter/syntaxhighlighter2/styles/shCore.css ,定位到第 165 行,插入下面的两句代码

1
2
height: 16px !important;
width: 96px !important;

如图
toolbar

保存以后上传覆盖源文件即可

表示我也是看到 http://www.oschina.net/code/snippet_59831_15056 的效果以后才想起来改这个的。。。不改的话太难看了。。。